<template>
	<view class="app">
		<view class="app-1">
			<image :src="`http://webfwjs.xlygrcw.com/web/img/99.png`" mode="widthFix"></image>
		</view>
		<view class="app-2">
			<view class="">
				<image :src="`http://webfwjs.xlygrcw.com/web/img/100.png`" mode="widthFix"></image>
				<u-input v-model="value" type="text" />
			</view>
			<text>搜索</text>
		</view>
		<view class="app-3">
			<u-dropdown>
				<u-dropdown-item v-model="value1" title="距离" :options="options1"></u-dropdown-item>
				<u-dropdown-item v-model="value2" title="温度" :options="options2"></u-dropdown-item>
			</u-dropdown>
		</view>
		<view class="app-4">
			<view class="" v-if="list.length>0">
				<view class="">
					<view v-for="(item,index) in list" :key="index" class="list">
						<view class="list-1">
							<image :src="`http://webfwjs.xlygrcw.com/web/img/101.png`" mode="widthFix"></image>
							<text>中共中央办公厅印发《关于加.《关于加...《关于加.....</text>
							<text>2017-07-25</text>
						</view>
						<view class="list-2">
							<text>政党协商是中国共产党领导的多党合作和政治协商制度的重要内容，是社会主义协商民主体系的重要组成部分，是中国共产党提高执政能力的重要途径......一、政党协商的指导思想和重要意义......</text>
						</view>
						<view class="list-3">
							<text>查看详情>></text>
						</view>
					</view>
				</view>
				<loading-text :loadingText='loadingText'></loading-text>
			</view>
			<view class="" v-else>
				<empt></empt>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				page: 1,
				pageSize: 10,
				loadingText: '没有数据了',
				list: ['', ''],
				value: '',
				value1: 1,
				value2: 2,
				options1: [{
						label: '默认排序',
						value: 1,
					},
					{
						label: '距离优先',
						value: 2,
					},
					{
						label: '价格优先',
						value: 3,
					}
				],
				options2: [{
						label: '去冰',
						value: 1,
					},
					{
						label: '加冰',
						value: 2,
					},
				],
			};
		},
		components: {},
		onLoad() {

		},
		methods: {
			onTab(ind) {
				this.curIndedx = ind
			}
		}
	};
</script>

<style lang="scss">
	@import './index.scss'
</style>
